<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" href="css/api.css" />
		<link rel="stylesheet" href="fonts/font_style.css" />
		<link rel="stylesheet" href="css/shangchen.css" />
		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
		<title></title>
		<script type="text/javascript">
			(function(window, document) {
				var _this = this;
				$(function() {
					setRootFs();
					$(window).resize(function(event) {
						setRootFs();
					});

					function setRootFs() {
						var vw = document.body.clientWidth;
						$('html').css("cssText", 'font-size:' + vw * 0.0555555555555556 + 'px!important;');
					}
				});
			}(window, document));
		</script>
	</head>

	<body>
		<nav class="dhfl_nav_head">
			<div class="dhfl_cz_box">
				<span class="dh_head_active">材质划分</span>
			</div>
			<div class="dhfl_fg_box">
				<span>风格划分</span>
			</div>
		</nav>
		<div class="dhfl_main_container">
			<!--left位置开始-->
			<div class="dhfl_mingchen_list">
				<ul class="dhfl_main_li_list">
					<li class="dhfl_left_active_null">
						<a href="">黄金</a>
					</li>
					<li>
						<a href="">铂金</a>
					</li>
					<li>
						<a href="">k金</a>
					</li>
					<li>
						<a href="">钻石</a>
					</li>
					<li>
						<a href="">珍珠</a>
					</li>

				</ul>
			</div>
			<div class="dhfl_null_data_box">
				<div class="sh_soushuo_main_box">
					<div class="scarch_text_conbox_1">
						<span>啊欧～没有搜到相关产品 换个关键词吧</span>
						<img src="image/scarch_baobao.png" alt="" />
					</div>
				</div>
			</div>
		</div>
	</body>

</html>